<template>
    <div id="module">
        <el-container>
            <!-- 左侧导航 -->
            <NavMenu />
            <el-container>
                <!-- 右侧头部 -->
                <el-header>
                    <!-- 面包屑 -->
                    <Breadcrumb />
                    <el-button type="primary" class="exit" @click="goBack">退出</el-button>
                </el-header>
                <!-- 右侧主体 -->
                <el-main>
                    <router-view />
                </el-main>
            </el-container>
        </el-container>
    </div>
</template>

<script setup>
import {reactive} from 'vue'
import {useRouter} from 'vue-router'
import NavMenu from './NavMenu.vue'
import Breadcrumb from './breadcrumb.vue'  //面包屑

const router = useRouter();
const goBack = ()=>{
    router.push('/login'); //跳转登录
}
</script>